<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<section th:if="${#lists.isEmpty(dataList)}" class="no-data__wrap">
    <span class="no-data-ico"></span>
    <p class="mt20"><span class="c-666">抱歉，还没有，试试其它的咨询吧~~~</span></p>
</section>
<div class="mt10 row" th:if="!${#lists.isEmpty(dataList)}">
    <section class="col-sm-6" th:each="article : ${dataList}" th:attrappend="data-articleId=${article['id']}">
        <section class="media mb20">
            <div class="media-left">
                <a href="javascript:void(0)">
                    <img class="media-object lazy" width="80"
                         th:attrappend="data-original=!${#maps.isEmpty(article['imageMap'])}? ${article['imageMap']['pcUrlMap']['large']} :''"/>
                </a>
            </div>
            <div class="media-body">
                <section class="cm-desc-txt__twoLine">
                    <a th:href="@{/web/article/articleInfoById?articleId={articleId}(articleId=${article['id']})}"
                       class="fs16 c-666" title="保护 IoT 设备和网关" th:text="${article[title]}"></a>
                </section>
            </div>
        </section>
    </section>
</div>
</html>